/**
 * @Description: 公共样式
 * @Date: 2020-03-20 10:49:06
 */

/* 样式初始化-start */
html,
body,
div,
input,
ul,
li,
select {
    margin: 0;
    padding: 0;
    /* box-sizing: border-box; */
}

ul,
li {
    list-style: none;
    cursor: default;
}

:focus {
    outline: 0;
}

/* 样式初始化-end */


/* 公共滚动条 */
/*::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}*/

::-webkit-scrollbar-track-piece {
    background-color: #ebebeb;
    -webkit-border-radius: 4px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 32px;
    background-color: #ccc;
    -webkit-border-radius: 4px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 32px;
    background-color: #ccc;
    -webkit-border-radius: 4px;
}

/* a标签去除默认样式,包含以下四种的链接*/
a {
    text-decoration: none;
}

/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}

/* 正在点击的链接*/
a:active {
    text-decoration: none;
}

/* 测试专用-start */
.red {
    outline: red solid 1px;
    background-color: rgb(245, 135, 135)
}

.green {
    outline: green solid 1px;
    background-color: rgb(144, 238, 144)
}

.blue {
    outline: blue solid 1px;
    background-color: rgb(119, 137, 236)
}

.yellow {
    outline: yellow solid 1px;
    background-color: rgb(245, 245, 81)
}

/* 测试专用-end */

/* 常用代码 */
.none {
    display: none;
}

.unable {
    opacity: 0.8;
    filter: grayscale(100%);
    cursor: not-allowed;
}

/* layer关闭按钮强制转换成蓝色 */
.layui-layer-setwin .layui-layer-close1 {
    background-position: -187px -38px !important;
}
#header>#title{
    font-size: 14px!important;
}

/* 不换行 */
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* padding-left: 5px; */
}
